@import "reset.styl"
@import "mixins.styl"
*
  box-sizing border-box

body
  font-size px2rem(16px)
  font-family "微软雅黑", Helvetica, Arial, sans-serif
  color $fontColor


.banner
  height 200px
  margin-top 49px


footer
  background-color $primaryColor
  padding px2rem(20px) 0
  p
    color $lightColor
    line-height px2rem(26px)
    text-align center
    font-size px2rem(14px)
  .about-tit
    color #fff
    font-size px2rem(18px)
    margin-bottom px2rem(10px)













.bg-white
  background-color #ffffff

.wrap
  padding 0 px2rem(30px)
  margin 0 auto

.block
  display block

.inline-block
  display inline-block

.relative
  position relative

.absolute
  position absolute

.clearfix
  &:after
    display block
    clear both
    content ""
    visibility hidden
    height 0

.tc
  text-align center

.tl
  text-align left

.tr
  text-align right

.flex
  display flex

.align
  align-items center

.between
  justify-content space-between

.around
  justify-content space-around

pd(n)
  .pd-{n}
    padding n px
  .pl-{n}
    padding-left n px
  .pr-{n}
    padding-right n px
  .pt-{n}
    padding-top n px
  .pb-{n}
    padding-bottom n px

mg(n)
  .mg-{n}
    margin n px
  .ml-{n}
    margin-left n px
  .mr-{n}
    margin-right n px
  .mt-{n}
    margin-top n px
  .mb-{n}
    margin-bottom n px

for n in 5 10 15 20
  pd(n)
  mg(n)



.border_top1px:after
  content  ""
  width 100%
  height 1px
  background-color $borderColor
  position absolute
  top 0
  left 0
  -webkit-transform scaleY(0.5)


.border_bottom1px:after
  content ""
  width 100%
  height 1px
  background-color $borderColor
  position absolute
  bottom 0
  left 0
  -webkit-transform scaleY(0.5)

.border_right1px:after
  content ""
  width 1px
  height 100%
  background-color $borderColor
  position absolute
  right 0
  top 50%
  -webkit-transform scaleX(0.5) translateY(-50%)

.border_left1px:after
  content ""
  width 1px
  height 100%
  background-color $borderColor
  position absolute
  left 0
  top 50%
  -webkit-transform: scaleX(0.5) translateY(-50%)

.border_1px:after
  content ""
  width 200%
  height 200%
  position absolute
  top -50%
  left -50%
  border 1px solid $borderColor
  transform scale(0.5)





